<template lang="jade">

#app
  nav.navbar.navbar-inverse.navbar-fixed-top
    .container
      .navbar-header
        button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#navbar', aria-expanded='false', aria-controls='navbar')
          span.sr-only Toggle navigation
          |             
          span.icon-bar
          |             
          span.icon-bar
          |             
          span.icon-bar
        |           
        a.navbar-brand(href='#') {{ projectName }}
      |         
      #navbar.navbar-collapse.collapse
        form.navbar-form.navbar-right
          .form-group
            input.form-control(type='text', placeholder='Email')
          |             
          .form-group
            input.form-control(type='password', placeholder='Password')
          |             
          .btn-group
            button.btn.btn-success(type='submit') {{ loginTxt }}
            |             
            button.btn.btn-primary(type='button',data-toggle='modal', data-target='#myModal') {{ registTxt }}
      // /.navbar-collapse
  |     
  router-view

</template>

<script>
import Info from '@/conf/info.json'
import Lang from '@/conf/Langurage.json'

export default {
  name: 'App',
  data: function(){
    return {
      projectName: Info.projectName,
      loginTxt: Lang.login,
      registTxt: Lang.register,
    }
  }
}
</script>

<style>
/*#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}*/
</style>
